<template>
	<div class="data-page">
		<dheader></dheader>
		<topnav></topnav>
		<div class="data-content">
			<div class="data-main">
				<div class="main-left">
					<dleft :personalData="personalData" :username="username"></dleft>
				</div>
				<div class="main-center">
					<dcontent :numberData="numberData" :username="username"></dcontent>
				</div>
				<div class="main-right">
					<dright :username="username"></dright>
				</div>
			</div>
		</div>
		<nouser :isShow="isShow"  v-if="isShow"></nouser>
		<loading v-if="pageShow"></loading>
	</div>
</template>

<script>
/* 
	 组建引入
	 头部
	 左边
	 内容
	 右边
*/
import dheader from './dheader'
import dleft from './dleft'
import dcontent from './dcontent'
import dright from './dright'
/* 
	请求接口引入
	name1
*/
import * as api from '@/datas/api/page1'
export default {
  components:{
  	dheader,
  	dleft,
  	dcontent,
  	dright
  },
  data(){
  	return{
  		isShow:false,
  		pageShow:true,
  		personalData:{},
  		numberData:{},
  		username:""
  	}
  },
  created(){
  	let username = this.$route.params.user
    this.getData(username)
  },
  methods:{
  	getData(username){ 
			let self = this
			let params = {
				name: ''
			}
			api.abilityData(params).then(() => {

			}).catch(() => {

			}).finally(() => {

			})
  	}
  }
}
</script>

<style lang="scss">
.data-page{
	background: url(../../assets/data/true.png) repeat-x;
	top: 0;
	right: 0;
	right: 0;
	bottom: 0;
	height: 100%;
    min-width: 1220px;
	.data-content {
	    padding-top: 20px;
	    padding-bottom: 20px;
	   .data-time {
		    width: 340px;
		    height: 35px;
		    background-color: #2C58A6;
		    line-height: 35px;
		    color: #fff;
		    font-size: 12.8px;
		    margin-bottom: 25px;
		    margin-left: 20px;
		    text-align: center;
		}
		.data-main {
		    width: calc(100% - 40px);
		    margin-bottom: 40px;
		    margin-left: 20px;
		    height: 720px;
		    
		    
		    .main-left{
		    	width: 24%;
		    	float: left;
		    }
		     .main-center{
		    	float: left;
		    	width: 52%;
		    	padding: 0 20px 0 20px;
		    	
		    }
		     .main-right{
		     	float: left;
		    	width: 24%;
		    	 height: 615px;
		    }
		}
	}		
}

</style>